﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>表单设计</title>
    <!-- 引入样式文件 -->
    <link href="https://unpkg.com/element-plus/dist/index.css" />
    <script src="https://unpkg.com/vue"></script>
    <script src="https://unpkg.com/element-plus/dist/index.full.js"></script>
    <script src="https://unpkg.com/@form-create/element-ui@next/dist/form-create.min.js"></script>
    <script src="https://unpkg.com/@form-create/designer@next/dist/index.umd.js"></script>
</head>
<body>
    <div id="app">
        <fc-designer height="100vh"></fc-designer>
    </div>
    <!-- 挂载组件 -->
    <script>
        // 创建 Vue 应用实例
        const app = Vue.createApp({});
        // 挂载 ElementPlus
        app.use(ElementPlus);
        // 挂载 fcDesignerPro 组件
        app.use(FcDesigner);
        // 挂载 formCreate
        app.use(FcDesigner.formCreate);
        // 挂载 Vue 应用
        app.mount('#app');
    </script>
</body >
</html >
